﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <title>Document</title>
    <!-- Bootstrap CSS -->
    <link href="vendor/bootstrap-4.1.3/css/bootstrap.min.css" rel="stylesheet" />
    <!-- community CSS -->

    <link rel="stylesheet" href="css/community.css">
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="vendor/bootstrap-4.1.3/js/bootstrap.min.js"></script>
</head>
<body>
    <!-- 头部 -->
    <header>
        <a href="tfk-index.html">
            <image src="img/left.png" alt="" style="float: left;
        width: 1rem;
        height: 2rem;
        margin-left: 1rem;
        margin-top: 1rem;">
        </a>
        
        <div>小区管理</div>
    </header>
    <!-- 主体内容 -->
    <div class="main">
        <!-- 主体标题 -->
        <div class="tit">
            <div>龙海小区</div>
        </div>
        <!-- 主体列表 -->
        <ul class="community-list">
            <li class="list-item">
                <div class="item-top">
                    <div></div>
                    <span>1号楼</span>
                </div>
                <div class="item-bottom">
                    <!-- 房源 -->
                    <div class="classroom">
                        <span>房源：</span>
                        <span>100</span>
                    </div>
                    <!-- 已售 -->
                    <div class="sold">
                        <span>已售：</span>
                        <span>0</span>
                    </div>
                    <!-- 未售 -->
                    <div class="unsold">
                        <span>未售：</span>
                        <span>100</span>
                    </div>
                </div>
            </li>
            <li class="list-item">
                <div class="item-top">
                    <div></div>
                    <span>2号楼</span>
                </div>
                <div class="item-bottom">
                    <!-- 房源 -->
                    <div class="classroom">
                        <span>房源：</span>
                        <span>100</span>
                    </div>
                    <!-- 已售 -->
                    <div class="sold">
                        <span>已售：</span>
                        <span>0</span>
                    </div>
                    <!-- 未售 -->
                    <div class="unsold">
                        <span>未售：</span>
                        <span>100</span>
                    </div>
                </div>
            </li>
            <li class="list-item">
                <div class="item-top">
                    <div></div>
                    <span>3号楼</span>
                </div>
                <div class="item-bottom">
                    <!-- 房源 -->
                    <div class="classroom">
                        <span>房源：</span>
                        <span>100</span>
                    </div>
                    <!-- 已售 -->
                    <div class="sold">
                        <span>已售：</span>
                        <span>0</span>
                    </div>
                    <!-- 未售 -->
                    <div class="unsold">
                        <span>未售：</span>
                        <span>100</span>
                    </div>
                </div>
            </li>
            <li class="list-item">
                <div class="item-top">
                    <div></div>
                    <span>4号楼</span>
                </div>
                <div class="item-bottom">
                    <!-- 房源 -->
                    <div class="classroom">
                        <span>房源：</span>
                        <span>100</span>
                    </div>
                    <!-- 已售 -->
                    <div class="sold">
                        <span>已售：</span>
                        <span>0</span>
                    </div>
                    <!-- 未售 -->
                    <div class="unsold">
                        <span>未售：</span>
                        <span>100</span>
                    </div>
                </div>
            </li>
            <li class="list-item">
                <div class="item-top">
                    <div></div>
                    <span>5号楼</span>
                </div>
                <div class="item-bottom">
                    <!-- 房源 -->
                    <div class="classroom">
                        <span>房源：</span>
                        <span>100</span>
                    </div>
                    <!-- 已售 -->
                    <div class="sold">
                        <span>已售：</span>
                        <span>0</span>
                    </div>
                    <!-- 未售 -->
                    <div class="unsold">
                        <span>未售：</span>
                        <span>100</span>
                    </div>
                </div>
            </li>
            <li class="list-item">
                <div class="item-top">
                    <div></div>
                    <span>6号楼</span>
                </div>
                <div class="item-bottom">
                    <!-- 房源 -->
                    <div class="classroom">
                        <span>房源：</span>
                        <span>100</span>
                    </div>
                    <!-- 已售 -->
                    <div class="sold">
                        <span>已售：</span>
                        <span>0</span>
                    </div>
                    <!-- 未售 -->
                    <div class="unsold">
                        <span>未售：</span>
                        <span>100</span>
                    </div>
                </div>
            </li>
        </ul>
        
    </div>
</body>
</html>